Issue This PR Addresses

Fixed #1538

Type of Change

• Bugfix: Change which fixes an issue
• New Feature: Change which adds functionality
• Documentation Update: Change which improves documentation
• UI: Change which improves UI

Description

I have modified the SnackBar component to be written in TS. I made some changes to the component to accompany using handleClose in the close button. The onClose property is not required because it is simply prevent us to close snackbar when we clickaway. Simply remove onClose does the same thing.

For reference, you can try what I mentioned above in this playground.
https://codesandbox.io/s/material-demo-forked-qe0kl?file=/demo.js

Checklist

• Quality: This PR builds and passes our npm test and works locally
• Tests: This PR includes thorough tests or an explanation of why it does not
• Screenshots: This PR includes screenshots or GIFs of the changes made or an explanation of why it does not (if applicable)
• Documentation: This PR includes updated/added documentation to user exposed functionality or configuration variables are added/changed or an explanation of why it does not(if applicable)